草庐IT

PHP iMagick 图像压缩

全部标签

javascript - jQuery 图像预览 exif 旋转问题

我正在使用这个jQuery函数在上传之前显示图像。图片是从移动设备上传的,exif方向有问题。该函数只是将预览图片的src换成实际文件图片的base64编码。在服务器端(php),我正在使用一个函数来更正上传时的exif旋转。我可以在jQuery中制作与我的PHP代码类似的东西吗?这样我就可以在上传之前以正确的旋转显示图像?JavascriptfunctionreadURL(input){if(input.files&&input.files[0]){varreader=newFileReader();reader.onload=function(e){$('#blah').attr(

javascript - 使用 <noscript> 回退的 DRY 延迟加载图像

我知道(少数)非JavaScript用户在那里,我想迎合他们,而不是仅仅因为他们的偏好(出于隐私原因或其他原因)而给他们较差的体验。大多数延迟加载JS库似乎以相同的方式解决这个问题,例如参见lazysizes:.no-jsimg.lazyload{display:none;}主要是出于好奇,我想知道是否有可能从中撤回回退。标记并使用JavaScript以编程方式将其添加到DOM,这样图像源就不必在两个图像标记中重复,这只会让我:这是我拼凑的:(function(attribute){Array.prototype.forEach.call(document.getElementsByT

javascript - 使用 javascript 确定 gravatar 是否返回默认图像

vargravatar1;vargravatar2;varemail1=$(email1).val();email1=$.trim(email1);email1=email1.toLowerCase();email1=md5(email1);gravatar1='http://www.gravatar.com/avatar/'+email1;varemail2=$(email2).val();email2=$.trim(email2);email2=email2.toLowerCase();email2=md5(email2);gravatar2='http://www.gravata

javascript - 如何使用 javascript 中的 http.post 将图像发送到服务器并在 mongodb 中存储 base64

我在使用mongodb在服务器端存储图像的客户端访问http请求时遇到了问题。我非常感谢帮助。我需要一个简单的示例来说明如何将图像文件作为数据添加到httppost请求(例如XMLhttprequest)中。比方说,我知道服务器方法的网址。图片来源定义在imgsrc文件名存放在name我有这个自动取款机:varhttp=newXMLHttpRequest();httpPost.onreadystatechange=function(err){if(httpPost.readyState==4&&httpPost.status==200){console.log(httpPost.res

javascript - div onclick函数更改正文背景图像

我想要一个像按钮一样的小图片,可以单击并具有更改正文背景图像的功能。我是一个新手,我正在努力学习。我认为最简单的方法是使用一个带有background-image的div。我也必须使用非语义网格。所以我几乎只有带背景图片的div。我该如何编写这个函数?我敢肯定这真的很简单,我在这里读了20篇文章,但没有一篇对我有用编辑:添加我的代码#knapp{height:50px;width:50px;background-image:url(http://ingridwu.dmmdmcfatter.com/wp-content/uploads/2015/01/placeholder.png);b

javascript - 使用 Jest 测试时使用 webpack 导入图像时 enzyme 渲染失败

我想测试一个简单的组件是否呈现(因为我还在研究Jest)。应用程序本身使用webpack加载图像以显示Logo。当我尝试挂载/渲染/浅化无状态组件时,Jest抛出错误。FAILsrc/components/blog/blogList.spec.jsx●Testsuitefailedtorun/home/requinard/Projects/manus-frontend/src/img/manus_logo.png:Unexpectedcharacter'�'(1:0)>1|�PNG|^2|3|4|IHDR��G}pHYs.#.#x�?vtEXtSoftwareAdobeImageRea

javascript - 根据父 div 大小按比例调整图像大小

我正在使用完整的浏览器宽度高度jqueryblockUI来显示从图库中选择的图像。下图是blockUI中的View方案。基本上,侧blockUI中的View将宽度和高度设置为100%。里面还有两个div。右侧的宽度设置为View的80%,并且包含图像。图像的宽度和高度设置为100%(但我知道这是错误的)。我在这里显示的图片是用户上传的原始尺寸的图片。但是如果显示器是1024x768并且上传的图像是600x1900我不知道该图像从屏幕上消失是什么。那么我该如何解决这个问题以居中并按比例显示该图像? 最佳答案 使用max-width和m

javascript - 拖动图像以调整位置,就像在 Facebook 缩略图个人资料图片中一样

在facebook中,缩略图会遗漏整张图片的某些部分,我们可以移动它,以便我们可以将缩略图调整到适合的位置,如何使用网络技术做到这一点。在示例中,我们可以拖动图片来移动缩略图的位置。 最佳答案 我一直在寻找一种完全相同的插件,找不到,所以我写了一个:)。看看这个。它非常基础,功能不多,但仍然有用。用好它,传播它,也相信我;).编辑:2013年12月22日我注意到使用百分比的版本没有按预期工作。链接现已更新。我还添加了一个X轴版本JSFiddle(Y-Axis)JSFiddle(X-Axis)

javascript - 检查字符串是否包含任何图像标签的最简单方法是什么?

例如我有文本:"testestestestttestestestes"我想写一个函数来检查字符串中是否是img标签并返回true 最佳答案 使用正则表达式:"testestestestttestestestes".match(/ 关于javascript-检查字符串是否包含任何图像标签的最简单方法是什么?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/14202976/

javascript - 获取内容脚本以在页面加载时附加图像

我刚刚开始学习如何为谷歌浏览器制作扩展程序。到目前为止,我有一个非常基本的了解,所以我想尝试一些小的东西。现在我正试图在每次加载该页面时将图像附加到特定页面上的特定div。扩展加载正常,但javascript代码似乎永远不会运行,图像也永远不会加载。这是我目前拥有的manifest.json文件:{"manifest_version":2,"name":"IconCreator","description":"Createsacustomiconforpage","version":"1.0","content_scripts":[{"matches":["file:///home/t